<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../../_template.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="centro">
        <h:form>
            <p:outputLabel value="Documento" style="font-size: x-large; margin-left: 25px" styleClass="labelInserir" /> 
            <p:fieldset styleClass="fieldsetInsert" style=" margin-left: 25px; width: 85%">
                <p:messages />
                <p:commandButton value="Novo" action="incluirDocumento" icon="ui-icon-plus" ajax="false" styleClass="btnNovo" style="margin-bottom: 20px; margin-left: 25px"/> 
                <p:outputLabel style="text-align: right; margin-left: 690px; color: #99a699;" value="Total de registros: #{documentoBean.documentos.size()}" 
                               rendered="#{not empty documentoBean.documentos}"/>
                <p:dataTable value="#{documentoBean.documentos}" var="documento" emptyMessage="Nenhum documento registrado!" id="formTable" style="margin-left: -75px">
                    <p:column style="width: 10px; text-align: center"  headerText="Conta"  >
                        <h:outputText value="#{documento.conta.nome}" />
                    </p:column>
                    <p:column style="width: 10px; text-align: center"  headerText="Nº do Documento"  >
                        <h:outputText value="#{documento.nrDocumento}" />
                    </p:column>
                    <p:column style="width: 10px; text-align: center" headerText="Tipo" > 
                        <h:outputText value="#{documento.tipoDocumento.descricao}" rendered="#{not empty documento.tipoDocumento}"/>
                        <h:outputText value="#{documento.notaFiscal.tipoNotaFiscal.descricao}" rendered="#{not empty documento.notaFiscal.tipoNotaFiscal}"/>
                    </p:column>
                    <p:column style="width: 10px; text-align: left" headerText="Origem/Destino" >
                        <h:outputText value="#{documento.pessoa.nome}" >
                            <f:converter converterId="convertUpper" /> 
                        </h:outputText>
                    </p:column>
                    <p:column style="width: 10px; text-align: right" headerText="Valor" >
                        <h:outputText value="#{documento.valor}" styleClass="moeda">
                            <f:convertNumber minFractionDigits="2" maxFractionDigits="2" locale="pt_BR" />
                        </h:outputText>
                    </p:column>
                    <p:column style="width: 10px; text-align: center" headerText="Tipo" >
                        <h:outputText value="#{documento.natureza eq 'CREDITO' ? 'C' : 'D'}"/>
                    </p:column>

                    <p:column style="width: 10px; text-align: center" headerText="Pagamento" >
                        <h:outputText value="#{documento.qtdeParcelas > 0 ? 'PARCELADO' : 'A VISTA'}"/>
                    </p:column>

                    <p:column style="width: 10px; text-align: center" headerText="Situação" >
                        <h:outputText value="#{documento.situacao}"/>

                    </p:column>
                    <p:column style="width: 10px;" headerText="Consultar">
                        <center>
                            <p:commandButton action="#{documentoBean.consultar(documento)}" update="formTable" icon="ui-icon-pencil" ajax="false" />
                        </center>
                    </p:column>
                    <p:column style="width: 10px;" headerText="Excluir">
                        <center>
                            <p:commandButton icon="ui-icon-trash" actionListener="#{documentoBean.remover(documento)}" update="@all">
                                <p:confirm header="Confirmação" icon="ui-icon-alert"
                                           message="Ao excluir este documento todos os lançamentos serão revertidos. Deseja continuar?"  />
                            </p:commandButton>
                        </center>
                    </p:column>
                </p:dataTable><br />
                <p:confirmDialog global="true" showEffect="fade" id="Confirmação" >
                    <p:commandButton value="Sim" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                    <p:commandButton value="Não" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
                </p:confirmDialog>
            </p:fieldset>
        </h:form>
    </ui:define>
</ui:composition>
